<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js"></script>
    <link rel="stylesheet"
          href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"
          integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
          crossorigin="anonymous">
    <link rel="stylesheet"
          href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css"
          integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp"
          crossorigin="anonymous">
    <script
            src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"
            integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
            crossorigin="anonymous"></script>
    <script src="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert-dev.js"></script>
    <script
            src="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert-dev.min.js"></script>
    <link href="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.css"
          rel="stylesheet">
    <link href="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.css"
          rel="stylesheet">
    <script src="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.js"></script>
    <link rel="stylesheet" href="css/comment.css" type="text/css"/>

    <style type="text/css">
        .comment_header {
            padding: 6px 22px;
            background-color: #79b0de
        }

        .comment_foot {
            clear: both;
            padding-top: 15px;
            padding: 6px 22px;
        }

        .comment_date {
            margin: 4px 0 4px 8px;
        }

        .customer_name {
            float: left;
            font-size: 24px;
            line-height: 50px;
        }

        .item_comment {
            border: 1px solid #cccccc;
            width: 700px;
            margin: 20px auto 0;
        }

        .hidden-attr {
            display: none;
        }

        .star-color{
            color: #d63c3c;
        }
    </style>
</head>
<body>
<!-- comment sample for clone -->
<div class="item hidden-attr">
    <div class="comment_header">
        <span class="customer_name">小白</span>
        <span style="float: right">
            <div>
                <span class="glyphicon glyphicon-star" aria-hidden="true" id="1"></span>
                <span class="glyphicon glyphicon-star" aria-hidden="true" id="2"></span>
                <span class="glyphicon glyphicon-star" aria-hidden="true" id="3"></span>
                <span class="glyphicon glyphicon-star" aria-hidden="true" id="4"></span>
                <span class="glyphicon glyphicon-star" aria-hidden="true" id="5"></span>
            </div>
            <div class="comment_date"><span>2017-06-03</span></div>
        </span>
        <div style="clear: both"></div>
    </div>
    <div class="comment_foot">
        <p></p>
        <p></p>
    </div>
    <div style="clear: both"></div>
</div>
<div id="main-div">
    <!-- 上方标题-->
    <div class="top-title">
        <div class="dole-logo log-div">
            <a href="">
                <img src="img/login.jpg" alt="Angers">
            </a>
        </div>
        <div class="title-nav">
            <div class="page-header page-header-div">
                <h1>商家评论页</h1>
            </div>
            <div class="admin-center">
                <img src="http://ZHA-ITA077-w7/${customer.avatar}" alt="..." class="img-rounded" height="70" width="70">
                <!-- Split button -->
                <div class="btn-group user-center-btn-group">
                    <button type="button" class="btn btn-primary btn-lg">UserName</button>
                    <button type="button" class="btn btn-primary btn-lg dropdown-toggle  " data-toggle="dropdown"
                            aria-haspopup="true" aria-expanded="false">
                        <span class="caret"></span>
                        <span class="sr-only">Toggle Dropdown</span>
                    </button>
                    <ul class="dropdown-menu">
                        <li><a href="#">UserCenter</a></li>
                        <li><a href="#">AddressManager</a></li>
                        <li><a href="#">Change Avater</a></li>
                        <li role="separator" class="divider"></li>
                        <li><a href="#">Log Out</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 菜单栏-->
    <div class="bottom-menu-operationarea">
        <div id="left-menu-log" class="mac-main-nav menu-div">
            <!--选项栏-->
            <div class="console-menu">
                <ul class="nav nav-pills nav-stacked">
                    <li crole="presentation" class="menu-li active"><a href="merchantList.jsp">HomePage</a></li>
                    <li role="presentation" class="menu-li"><a href="orderList.jsp">Orger Page</a></li>
                </ul>
            </div>
        </div>
        <div class="operationarea">
            <div id="show-merchant-comment-area">

            </div>
        </div>
    </div>
</div>

<div id="star" style="display:none;">
    <span class="glyphicon glyphicon-star" aria-hidden="true" id="1"></span>
    <span class="glyphicon glyphicon-star" aria-hidden="true" id="2"></span>
    <span class="glyphicon glyphicon-star" aria-hidden="true" id="3"></span>
    <span class="glyphicon glyphicon-star" aria-hidden="true" id="4"></span>
    <span class="glyphicon glyphicon-star" aria-hidden="true" id="5"></span>
</div>
<script type="text/javascript" src="js/urlUtil.js"></script>
<script type="text/javascript" src="js/ajax.js"></script>
<script type="text/javascript" src="js/comment1.js"></script>
</body>
</html>